<!doctype html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>自定义指令-钩子函数</title>
</head>
<body>
<div id="example-1">
    <input type="text" v-model="msg">
    <p>{{msg2}}</p>
</div>
<script src="../lib/vue.js"></script>
<script>
    /*
     *vue.js中用Vue.directive(id, definition)方法注册一个全局指令，接收两参数指令ID与定义对象
     * 也可以用组件的 directives 选项注册一个局部自定义指令。
     * 定义对象可以提供几个钩子函数：
     * bind：只调用一次，在指令第一次绑定到元素上时调用。
     * update：在 bind 之后立即以初始值为参数第一次调用，之后每当绑定值变化时调用，参数为新值与旧值。
     * unbind：只调用一次，在指令从元素上解绑时调用。
     * */

</script>
</body>
</html>